module.exports = {
  plugins: {
    autoprefixer: {},
    "postcss-px-to-viewport": {
      viewportWidth: 375, //视角的宽度，对应设计稿宽度  750
      viewportHeight: 667, //视角的高度，对应设计稿的高度(可不配置) 1334
      unitPrecision: 5, //指定`px`转换为视窗单位值的小数位数(很多时候无法整除)
      viewportUnit: 'vw', //指定需要转换成的视窗单位，建议使用vw
      selectorBlackList: ['ignore','tab-bar','tab-bar-item'], //指定不需要转化的类
      minPixelValue: 1, //小于或等于1px不转换为视窗单位
      mediaQuery: false //允许在媒体查询中转换`px`
    }
  }
}



// module.exports = {
//   plugins: {
//     autoprefixer: {}, // 用来给不同的浏览器自动添加相应前缀，如-webkit-，-moz-等等
//     "postcss-px-to-viewport": {
//       unitToConvert: "px", // 要转化的单位
//       viewportWidth: 750, // UI设计稿的宽度
//       unitPrecision: 6, // 转换后的精度，即小数点位数
//       propList: ["*"], // 指定转换的css属性的单位，*代表全部css属性的单位都进行转换
//       viewportUnit: "vw", // 指定需要转换成的视窗单位，默认vw
//       fontViewportUnit: "vw", // 指定字体需要转换成的视窗单位，默认vw
//       selectorBlackList: ["wrap"], // 指定不转换为视窗单位的类名，(包括id名，属性名等...)
//       minPixelValue: 1, // 默认值1，小于或等于1px则不进行转换
//       mediaQuery: true, // 是否在媒体查询的css代码中也进行转换，默认false
//       replace: true, // 是否转换后直接更换属性值
//       exclude: [/node_modules/], // 设置忽略文件，用正则做目录名匹配
//       landscape: false // 是否处理横屏情况
//     }
//   }
// };



// -----------------------------------需要注意的配置--------------------------------------------------

//propList: 当有些属性的单位我们不希望转换的时候，可以添加在数组后面，并在前面加上!号，如propList: ["*","!letter-spacing"]
//这表示：所有css属性的属性的单位都进行转化，除了letter-spacing的


//selectorBlackList：转换的黑名单，在黑名单里面的我们可以写入字符串，只要类名包含有这个字符串，就不会被匹配
//比如selectorBlackList: ['wrap'],它表示形如wrap,my-wrap,wrapper这样的类名的单位，都不会被转换